<template>
    <van-nav-bar
        :title="title"
        :left-text="leftTxt"
        :left-arrow="showLeftVisible"
        :fixed="fixedVisible"
        @click-left="onClickLeftHandle"
        @click-right="onClickRightHandle">
        <template #right>
            <div v-html="headerRight" v-if="headerRight"></div>
        </template>
    </van-nav-bar>
</template>

<script>
    export default {
        name: "vHeader",
        props:{
            title:{
                default: ''
            },
            leftTxt:{
                default: ''
            },
            showLeftVisible:{//是否显示左侧箭头
                default: true
            },
            headerRight:{
                default:''
            },
            fixedVisible:{//是否固定在顶部
                default: false
            }
        },
        data(){
            return{}
        },
        methods:{
            onClickLeftHandle(){//左侧返回事件
                if(this.showLeftVisible){
                    this.$router.go(-1);
                }else{
                    this.$emit('goHeaderLeftHandle');
                }
            },
            onClickRightHandle(){//右侧点击事件
                this.$emit('goHeaderRightHandle');
            }
        }
    }
</script>

<style scoped>
    
</style>